<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/jsp/pages/include/global.jsp" %>

<c:set target="${self}" property="title">系统用户管理</c:set>

<c:set target="${self.css}" property="plugins">
<link href="${self.path.metronic}/assets/global/plugins/jstree/dist/themes/default/style.min.css" rel="stylesheet" type="text/css" />
<link href="${self.path.metronic}/assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
<link href="${self.path.metronic}/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" type="text/css" />
<link href="${self.path.metronic}/assets/global/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
<link href="${self.path.metronic}/assets/global/plugins/select2/css/select2-bootstrap.min.css" rel="stylesheet" type="text/css" />
</c:set>

<c:set target="${self.js}" property="plugins">
<script src="${self.path.metronic}/assets/global/plugins/jstree/dist/jstree.min.js" type="text/javascript"></script>
<script src="${self.path.metronic}/assets/global/scripts/datatable.js" type="text/javascript"></script>
<script src="${self.path.metronic}/assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
<script src="${self.path.metronic}/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
<script src="${self.path.metronic}/assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
</c:set>

<c:set target="${self.css}" property="main">

</c:set>

<c:set target="${self.js}" property="main">
<script>
  $(function () {
    $(".jstreeselect-input").jstreeselect({
      'orgtree': <spring:eval expression="@jspFn.organJsTreeJSON()" />
    });
  });
  </script>
<script src="${self.path.resources}/console/js/user.js" type="text/javascript"></script>
</c:set>

<c:set target="${self.content}" property="main">
 <div class="row">
    <div class="col-md-12">
        <div class="portlet light">
          <div class="portlet-title">
              <div class="caption">
                  <i class="fa fa-search"></i>数据查询</div>
              <div class="tools">
                  <a href="javascript:;" class="collapse"> </a>
              </div>
          </div>
          <div class="portlet-body form">
              <!-- BEGIN FORM-->
              <form action="#" class="form-horizontal" id="query-user-form">
                  <div class="form-body">
                      <div class="row">
                          <div class="col-md-4">
                              <div class="form-group">
                                  <label class="control-label col-md-3">编号</label>
                                  <div class="col-md-9">
                                      <input type="text" class="form-control" name="userNumber">
                                  </div>
                              </div>
                          </div>
                          <!--/span-->
                          <div class="col-md-4">
                              <div class="form-group">
                                  <label class="control-label col-md-3">姓名</label>
                                  <div class="col-md-9">
                                       <input type="text" class="form-control" name="userName">
                                  </div>
                              </div>
                          </div>
                          <!--/span-->
                          <div class="col-md-4">
                              <button type="button" class="btn green query" data-table="#user_table">查询</button>
                              <button type="reset" class="btn default">重置</button>
                          </div>
                      </div>
                  </div>
              </form>
              <!-- END FORM-->
          </div>
      </div>
    </div>
</div>

 <div class="row">
    <div class="col-md-12">
		<div class="portlet light">
	         <div class="portlet-title">
	             <div class="caption">
	                 <i class="fa fa-users"></i>用户列表</div>
	             <div class="actions">
	                 <a href="javascript:;" class="btn btn-default btn-sm addUser">
	                     <i class="fa fa-plus"></i> 新增用户 </a>
	             </div>
	         </div>
	         <div class="portlet-body">
	             <table class="table table-striped table-bordered table-hover table-checkable order-column" id="user_table" data-query-form="#query-user-form">
	                 <thead>
	                     <tr>
	                         <th> 用户编号 </th>
	                         <th> 用户姓名 </th>
	                         <th> 登录账号 </th>
	                         <th> 性别 </th>
	                         <th> 所属机构 </th>
	                         <th> 操作</th>
	                     </tr>
	                 </thead>
	                 <tbody>
	                     
	                 </tbody>
	             </table>
	         </div>
	     </div>
	
	</div>
</div>

<div class="modal fade bs-modal-lg" id="userAddDialog" tabindex="-1" role="dialog" aria-hidden="false">
	<div class="modal-dialog">
	    <div class="modal-content" id="userAddDialogContent">
	        <div class="modal-header">
	            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
	            <h4 class="modal-title"><i class="fa fa-user-plus"></i>用户定义</h4>
	        </div>
	        <div class="modal-body">
	        	<form action="#" class="form-horizontal" id="userForm">
				    <div class="form-body">
				        <div class="form-group">
				            <label class="col-md-3 control-label">用户编号</label>
				            <div class="col-md-8">
				                <input type="text" class="form-control" placeholder="用户编号" name="userNumber">
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">用户姓名</label>
				            <div class="col-md-8">
				                <input type="text" class="form-control" placeholder="用户姓名" name="userName">
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">登录账号</label>
				            <div class="col-md-8">
				                 <input type="text" class="form-control" placeholder="登录名" name="loginName">
				            </div>
				        </div>
				         <div class="form-group">
				            <label class="col-md-3 control-label">登录密码</label>
				            <div class="col-md-8">
				                 <input type="password" class="form-control" placeholder="登录密码" name="password">
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">所属机构</label>
				            <div class="col-md-8" id="a-p-orgId">
				                 <input type="text" name="orgId" data-error-container="#a-p-orgId" class="form-control jstreeselect-input" data-jstreeselect-store="orgtree">
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">性别</label>
				            <div class="col-md-8">
			                 <select class="form-control select2" name="sex">
                                 <option value="M">男</option>
                                 <option value="F">女</option>
                              </select>
				            </div>
				        </div>
				    </div>
				</form>
	        </div>
	        <div class="modal-footer">
	            <button type="button" class="btn green ok">保存</button>
	            <button type="button" class="btn dark btn-outline" data-dismiss="modal">关闭</button>
	        </div>
	    </div>
	    <!-- /.modal-content -->
	</div>
<!-- /.modal-dialog -->
</div>


<div class="modal fade bs-modal-lg" id="userEditDialog" tabindex="-1" role="dialog" aria-hidden="false">
	<div class="modal-dialog">
	    <div class="modal-content" id="userEditDialogContent">
	        <div class="modal-header">
	            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
	            <h4 class="modal-title"><i class="fa fa-user"></i>用户编辑</h4>
	        </div>
	        <div class="modal-body">
	        	<form action="#" class="form-horizontal" id="userEditForm">
	        		<input type="hidden" class="form-control" name="userId">
				    <div class="form-body">
				        <div class="form-group">
				            <label class="col-md-3 control-label">用户编号</label>
				            <div class="col-md-8">
				                <input type="text" class="form-control" placeholder="用户编号" name="userNumber">
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">用户姓名</label>
				            <div class="col-md-8">
				                <input type="text" class="form-control" placeholder="用户姓名" name="userName">
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">登录账号</label>
				            <div class="col-md-8">
				                 <input type="text" class="form-control" placeholder="登录名" name="loginName">
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">所属机构</label>
				            <div class="col-md-8" id="e-p-orgId">
				             	<input type="text" name="orgId" data-error-container="#e-p-orgId" class="form-control jstreeselect-input" data-jstreeselect-store="orgtree">
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">性别</label>
				            <div class="col-md-8">
				                <select class="form-control select2" name="sex">
	                                 <option value="M">男</option>
	                                 <option value="F">女</option>
                              	</select>
				            </div>
				        </div>
				    </div>
				</form>
	        </div>
	        <div class="modal-footer">
	            <button type="button" class="btn green ok">保存</button>
	            <button type="button" class="btn dark btn-outline" data-dismiss="modal">关闭</button>
	        </div>
	    </div>
	    <!-- /.modal-content -->
	</div>
<!-- /.modal-dialog -->
</div>
</c:set>

<%@ include file="/WEB-INF/views/jsp/pages/include/main.jsp"%>